
import globalStyles from '@/common/styles/globalStyles';
import React from 'react'
import { Image, StyleSheet, Text, View } from 'react-native'

export default function StickerFooter(props:{title:string , desc:string , points:number | string}) {
    let { title , desc , points } = props
    return (
        <View style={[globalStyles.rowLine , globalStyles.aiCenter , globalStyles.jcSB , styles.container]}>
            <View >
               { title && (<Text style={styles.titleText}>{title}</Text>) }
               { desc && (<Text style={styles.descText}>{desc}</Text>) }
            </View>
            <View style={[globalStyles.rowLine , globalStyles.aiCenter , styles.button]}>
               <View>
                    <Image style={{ width: 16, height: 16 }} source={require('@/assets/home/star.png')} />
               </View>
               <Text style={styles.buttonText}> {points} </Text>
               <Text style={styles.buttonText}> 开始 </Text>
            </View>
        </View>
    )
}
const styles = StyleSheet.create({
    container:{
        minHeight:48,
    },
    titleText:{
        color:'#000',
        fontSize:14,
        fontWeight:'bold'
    },
    descText:{
        color:'#717171',
        fontSize:12,
    },
    button:{
        backgroundColor:"#fff7c0",
        borderRadius:13,
        paddingHorizontal:8,
        paddingVertical:6
    },
    buttonText:{
        fontWeight:'bold',
        color:"#FEA700",
        fontSize:12,
    }
})